<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="custom/css/flat-user-profile-ui.css" rel="stylesheet">
<!-- Basic Page Needs
		================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description"
	content="HIDEO is a One Page Bootstrap 3 Premium website Template, using nice Paralax effect, HTML5, CSS3 and Twitter Bootstrap 3">
<meta name="author" content="Little NEKO">

<!-- Mobile Specific Metas
		================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
		================================================== -->
<!-- Bootstrap  -->
<link type="text/css" rel="stylesheet"
	href="core/bootstrap/css/bootstrap.min.css">

<!-- web font  -->
<!-- <link href='http://fonts.googleapis.com/css?family=Roboto:100,300,400' -->
<!-- 	rel='stylesheet' type='text/css'> -->

<!-- Pop up-->
<link rel="stylesheet" type="text/css"
	href="core/js-plugin/magnific-popup/magnific-popup.css" />

<!-- Revolution Slider -->
<link rel="stylesheet" type="text/css"
	href="core/js-plugin/revolution-slider/rs-plugin/css/navstylechange.css"
	media="screen" />
<link rel="stylesheet" type="text/css"
	href="core/js-plugin/revolution-slider/rs-plugin/css/settings-hideo.css"
	media="screen" />

<!-- Owl carousel-->
<link rel="stylesheet"
	href="core/js-plugin/owl.carousel/owl-carousel/owl.carousel.css">
<link rel="stylesheet"
	href="core/js-plugin/owl.carousel/owl-carousel/owl.transitions.css">
<link rel="stylesheet"
	href="core/js-plugin/owl.carousel/owl-carousel/owl.theme.css">

<!-- nekoAnim-->
<link rel="stylesheet" type="text/css"
	href="core/js-plugin/appear/nekoAnim.css" />

<!-- isotope -->
<link type="text/css" rel="stylesheet"
	href="core/js-plugin/isotope/css/style.css">

<!-- icon fonts -->
<link type="text/css" rel="stylesheet"
	href="core/font-icons/custom-icons/css/custom-icons.css">
<link type="text/css" rel="stylesheet"
	href="core/font-icons/custom-icons/css/custom-icons-ie7.css">

<!-- Custom css -->
<link type="text/css" rel="stylesheet" href="core/css/layout.css">
<link type="text/css" id="colors" rel="stylesheet"
	href="core/css/light.css">
<link type="text/css" rel="stylesheet" href="core/css/custom.css">
<link type="text/css" rel="stylesheet" href="custom/css/custom.css">
<link type="text/css" rel="stylesheet"
	href="custom/css/accountProfile.css">

<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<script src="core/js/modernizr-2.6.1.min.js"></script>

<!-- Favicons
		================================================== -->
<link rel="shortcut icon" href="core/images/favicon.ico">
<link rel="apple-touch-icon" href="core/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="core/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="core/images/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="144x144"
	href="core/images/apple-touch-icon-144x144.png">
<link type="text/css" rel="stylesheet"
	href="custom/plugin-module/dropdownMenu/css/jquery.dropdown.css" />
<script type="text/javascript"
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript"
	src="custom/plugin-module/dropdownMenu/js/jquery.dropdown.js"></script>

</head>
<body>
	<!-- Primary Page Layout 
	================================================== -->
	<div id="dd-coin" class="dd dd-tip has-icons">
		<ul class="dd-menu">
			<li><a href="#"><i class="icon-plus-circled"></i> เติมเหรียญ</a></li>
		</ul>
	</div>
	<div id="dd-account" class="dd dd-tip has-icons">
		<ul class="dd-menu">
			<li data-toggle="modal" data-target="#problem"><a href="#"><i
					class="icon-megaphone"></i> รายงานปัญหา</a></li>
			<li class="dd-divider"></li>
			<li data-toggle="modal" data-target="#updatePassword"><a
				href="#"><i class=" icon-lock"></i> แก้ไขรหัสผ่าน</a></li>
			<li><a href="#"><i class="icon-cancel"></i> ออกจากระบบ</a></li>

		</ul>
	</div>
	<header class="navbar-fixed-top"> <!-- pre header -->
	<div id="preHeader">
		<div class="container">
			<div class="row">
				<div class="col-xs-6 hidden-xs">
					<ul class="quickMenu">
						<li><a href="#">เกี่ยวกับเรา</a></li>
						<li><a href="#">แผนผังเว็บไซต์</a></li>
						<li><a href="#">ติดต่อโฆษณา</a></li>
						<li><a href="#">ติดต่อเรา</a></li>
					</ul>
				</div>
				<div class="col-xs-12 col-md-6 col-sm-6">
					<div id="" class="">
						<!-- social icons -->
						<a href=""><ul class="socialNetwork" data-dd="#dd-account">

								<li><img
									src="custom/images/freelance/profileFreelance/jae.jpg" alt=""
									class="img-responsive img-rounded"
									style="width: 25px; padding-top: 9px;">
								<li>
								<li></li>
								<li class="contactPhone">&nbsp;<span class="example"><s:property value="#session_name_th" />
 
										ชัยจำรัส</span></li>
								<!-- social icons -->
							</ul></a>
						<!-- phone -->
						<a href=""><span class="contactPhone" data-dd="#dd-coin"><i
								class="icon-credit-card"></i> 100 เหรียญ</span></a>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!-- pre header --> <!-- header -->
	<div id="mainHeader" role="banner">
		<div class="container">
			<nav class="navbar navbar-default" role="navigation">
			<div class="navbar-header">
				<!-- responsive navigation -->
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<!-- Logo -->
				<a class="navbar-brand" href="index.html"><img
					src="core/images/main-logo.png" alt="HIDEO website template" /></a>
			</div>
			<div class="collapse navbar-collapse" id="mainMenu">
				<!-- Main navigation -->
				<ul class="nav navbar-nav pull-right">
					<li class="primary"><a href="index.jsp"
						class="firstLevel active hasSubMenu">หน้าแรก</a></li>
					<li class="primary"><a href="#" class="firstLevel hasSubMenu">จัดการข้อมูล</a>
						<ul class="subMenu" style="display: none;">
							<li class="dropdownSubmenu"><a
								href="#" class="hasSubMenu">ข้อมูลส่วนตัว</a>
								<ul class="subMenu" style="display: none; left: 0px;">
									<li><a href="viewProfilePage.jsp">โปรไฟล์ของฉัน</a></li>
									<li><a href="myPortfolioPage.jsp">ผลงานของฉัน</a></li>
									<li><a href="myAccountPage.jsp">ข้อมูลบัญชีของฉัน</a></li>
								</ul></li>
							<li class="dropdownSubmenu"><a
								href="#" class="hasSubMenu">ข้อมูลงานของฉัน</a>
								<ul class="subMenu" style="display: none; left: 0px;">
									<li><a href="myJobPage.jsp">งานทั้งหมดของฉัน</a></li>
									<li><a href="jobManagePage.jsp">จัดการคำร้องของานทั้งหมด</a></li>
								</ul></li>
							<li class="dropdownSubmenu"><a
								href="#" class="hasSubMenu">ข้อมูลบริการของฉัน</a>
								<ul class="subMenu" style="display: none; left: 0px;">
									<li><a href="myServicePage.jsp">บริการทั้งหมดของฉัน</a></li>
									<li><a href="serviceManagePage.jsp">จัดการคำร้องขอบริการทั้งหมด</a></li>
								</ul></li>
							<li class="last"><a href="accountContactPage.jsp" class="last">บัญชีฟรีแลนซ์ของฉัน</a></li>
						</ul></li>
					<li class="sep"></li>
					<li class="primary"><s:a href="job">งาน</s:a></li>
					<li class="sep"></li>
					<li class="primary"><a href="servicePage" class="firstLevel hasSubMenu">บริการ</a></li>
					<li class="sep"></li>
					<li class="primary"><a href="freelancePage"
						class="firstLevel hasSubMenu">ฟรีแลนซ์</a></li>
					<li class="sep"></li>
					<li class="primary"><a href="#" class="firstLevel hasSubMenu">กิจกรรม</a></li>
					<li class="sep"></li>

				</ul>
				<!-- End main navigation -->
			</div>
			</nav>
		</div>
	</div>
	</header>
	<jsp:include page="../../problemPage.jsp"></jsp:include>
	<jsp:include page="../../updatePasswordPage.jsp"></jsp:include>

	<!-- header -->
</body>
</html>